<!DOCTYPE htm PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm1/DTD/xhtm1-transitional.dtd">
<htm xmlns="http://www.w3.org/1999/xhtm">

<head>

<meta http-equiv="Content-Type" content="text/htm; charset=utf-8" />

<title>Shopping Cart</title>

<link href="../css/style.css" rel="stylesheet" type="text/css" />

<script src="../js/cufon-yui.js" type="text/javascript"></script>

<script src="../js/Comfortaa_400.font.js" type="text/javascript"></script>





<script type="text/javascript">

    Cufon.replace('h1', { fontFamily: 'Comfortaa' });

    Cufon.replace('h2', { fontFamily: 'Comfortaa' });

    Cufon.replace('h3', { fontFamily: 'Comfortaa' });

    Cufon.replace('h4', { fontFamily: 'Comfortaa' });





        </script></head>



<body>

<div id="Layout">

<!-- BEGIN HEADER -->

  <div id="Top">

    <div id="Logo">

      <h1><a href="index.htm">Shopping Cart</a></h1>

    </div><!-- end div #Logo -->

    <div id="TopContent">

      <ul>

        <li class="cart"><a href="shopping-cart.htm">Shopping Cart</a></li>

        <li class="cart-value"><span class="blue"><a href="#">6 item</a></span> | <span>$3000.00</span></li>

      </ul>

    </div>      <!-- end div #TopContent -->



    <div id="Nav">

      <div class="NavBody">

        <ul>

          <li> <a href="#">Homepage</a></li>

          <li> <a href="#">NEW PRODUCT</a></li>

          <li> <a href="#">SPECIALS</a></li>

          <li> <a href="#">MY ACCOUNT</a></li>

          <li> <a href="#">CONTACTS</a></li>

          <li class="search">

            <input type="image" class="action" src="../images/search-action.jpg" />

            <input type="text" class="searchfeild" />

          </li>

        </ul>

      </div>

    </div>      <!-- end div #Nav -->



  </div>      <!-- end div #Top -->

      <!-- END HEADER -->

      

      <!-- BEGIN CONTENT -->

        <div id="Content">

            <div class="LeftSide">

                <div class="leftBox">

                    <h3>Category</h3>

                    <div class="leftBoxBody">

          <ul class="cat-link">

            <li><a href="Category.htm">Lapsum category</a></li>

            <li><a href="Category.htm">Lapsum category</a></li>

            <li><a href="#">Lapsum category</a></li>

            <li><a href="Category.htm">Lapsum category</a></li>

            <li><a href="#">Lapsum category</a></li>

            <li><a href="Category.htm">Lapsum category</a></li>

          </ul>

        </div>

                </div>

                

                

                

                <div class="cards">

                    <ul>

                        <li><a href="#"><img src="../images/paypal.gif" alt="" /></a></li>

                      <li><a href="#"><img src="../images/card-visia.gif" alt="" /></a></li>

                        <li><a href="#"><img src="../images/card-master.gif" alt="" /></a></li>

                    </ul>

                </div>

                

            </div>   <!-- end div #LeftSide -->

            <div class="RightSide">     



                <div class="bredCrum">

                    <h4><a href="index.htm">Home</a>   >>    <a href="Category.htm">Category</a>  >>   <a href="#" class="select"> Product name </a></h4> 

              </div>

                <div class="productDetial">

                    <div class="mainThumb"><img src="../images/main-pro.gif" alt="" width="471" height="260"/></div>

<div class="rightProduct">

                    <div class="thumb marRight"><img src="../images/product-small.gif" alt=""/></div>

                    <div class="thumb"><img src="../images/product-small.gif" alt=""/></div>

                    <div class="thumb marRight"><img src="../images/product-small.gif" alt=""/></div>

                    <div class="thumb"><img src="../images/product-small.gif" alt=""/></div>

                    <div class="cartBtn fl"><a href="#" title="ADD to Cart" class="addToCart"></a></div>

          <div class="clr"></div>   

                </div>

                </div>

                <div class="detailInfo">

                    <h2>Product Details</h2>

                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries.</p>

                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries.</p>

                    <p class="add">This product was added to our catalog 24 august 2009s</p>

                </div>

                

                <div class="clr"></div>

                <div class="paging">

                   <div class="pagingDiv price">$ 39.39</div>

                    <div class="pagingInfo"><img src="../images/plus.gif" alt=""/><a href="#">Add to my cart</a>| <a href="#">Review my product</a></div>

                <div class="clr"></div> 

                </div>

                           </div>    <!-- end div #RightSide-->



            <div class="clr"></div>     <!-- BEGIN FOOTER -->

    <div id="Footer">

      <div class="footerbody">

        <div class="footercontent">Copyrights 2009 <span class="blue">Oxo Your Store</span> <a href="#">privacy Notice</a> | <a href="#">Conditions of Use</a> | <a href="#">Subscribe our feed Rss</a></div>

      </div>

    </div>

    <!-- END FOOTER -->

  </div>

  <!-- END CONTENT -->

  <div id="Footerimg"> </div>

</div>

<!-- end div #Layout -->

</body>

</htm>
